<!doctype html>
<html lang="en">

<head>
   <meta charset="utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <title>Hi-dialect</title>
   <link rel="stylesheet" href="css/style.css">
   <meta name="viewport" content="initial-scale=1, maximum-scale=1, width=device-width">
</head>

<body>

    <!-- Page loading -->
    <div class="loading">
        <div class="spinner-grow"></div>
    </div>
    <!-- * Page loading -->

    <!-- App Header -->
    <div class="appHeader">
        <div class="left">
            <a href="javascript:;" class="icon toggleSidebar">
                <i class="icon ion-ios-menu"></i>
            </a>
        </div>
  
		<div class="pageTitle">首页</div>
        <div class="right" onclick="gogo()">
            <a href="javascript:;" class="mb-0 icon">
                <i class="icon ion-ios-search"></i>
            </a>
        </div>
    </div>
    <!-- searchBox -->
    <div class="searchBox">
        <form>
            <span class="inputIcon">
                <i class="icon ion-ios-search"></i>
            </span>
            <input type="text" class="form-control" id="searchInput" placeholder="请输入...">
            <a href="javascript:;" class="toggleSearchbox closeButton">
                <i class="icon ion-ios-close-circle"></i>
            </a>
        </form>
    </div>
    <!-- * searchBox -->
    <!-- * App Header -->

    <!-- App Capsule -->
    <div id="appCapsule">

        <div class="appContent">


            <!-- Card Overlay Carousel -->
            <div class="cardOverlayCarousel owl-carousel mt-2 mb-4">
                <!-- item -->
                <div class="item">
                    <a href="video-play.html" class="card card-overlay text-white">
                        <img src="img/sample/photo8.jpg" class="card-img img-fluid" alt="image">
                        <div class="card-img-overlay">
                            <div class="header row">
                                <div class="col-8">椅子</div>
                                <div class="col-4 text-right">
                                    <i class="icon ion-ios-heart"></i> 523
                                </div>
                            </div>
                            <div class="content">
                                <h1>你应该知道的10种椅子的读法</h1>
                                <footer>
                                    <div class="author">
                                        <img src="img/sample/avatar3.jpg" alt="avatar">
                                        M方言小李
                                    </div>
                                    <div class="date">
                                        5小时前
                                    </div>
                                </footer>
                            </div>
                        </div>
                    </a>
                </div>
                <!-- * item -->
                <!-- item -->
                <div class="item">
                    <a href="video-play.html" class="card card-overlay text-white">
                        <img src="img/sample/photo5.jpg" class="card-img img-fluid" alt="image">
                        <div class="card-img-overlay">
                            <div class="header row">
                                <div class="col-8">火把节 藏语</div>
                                <div class="col-4 text-right">
                                    <i class="icon ion-ios-heart"></i> 12K
                                </div>
                            </div>
                            <div class="content">
                                <h1>火把节文化由来</h1>
                                <footer>
                                    <div class="author">
                                        <img src="img/sample/avatar.jpg" alt="avatar">
                                        纳西柞木
                                    </div>
                                    <div class="date">
                                        2小时前
                                    </div>
                                </footer>
                            </div>
                        </div>
                    </a>
                </div>
                <!-- * item -->
                <!-- item -->
                <div class="item">
                    <a href="video-play.html" class="card card-overlay text-white">
                        <img src="img/sample/photo11.jpg" class="card-img img-fluid" alt="image">
                        <div class="card-img-overlay">
                            <div class="header row">
                                <div class="col-8">运动 东北话</div>
                                <div class="col-4 text-right">
                                    <i class="icon ion-ios-heart"></i> 12K
                                </div>
                            </div>
                            <div class="content">
                                <h1>打呼噜是一种运动</h1>
                                <footer>
                                    <div class="author">
                                        <img src="img/sample/avatar5.jpg" alt="avatar">
                                        杰克
                                    </div>
                                    <div class="date">
                                        2小时前
                                    </div>
                                </footer>
                            </div>
                        </div>
                    </a>
                </div>
                <!-- * item -->
                <!-- item -->
                <div class="item">
                    <a href="video-play.html" class="card card-overlay text-white">
                        <img src="img/sample/photo10.jpg" class="card-img img-fluid" alt="image">
                        <div class="card-img-overlay">
                            <div class="header row">
                                <div class="col-8">世界 西双版纳</div>
                                <div class="col-4 text-right">
                                    <i class="icon ion-ios-heart"></i> 12K
                                </div>
                            </div>
                            <div class="content">
                                <h1>陪你到世界之巅</h1>
                                <footer>
                                    <div class="author">
                                        <img src="img/sample/avatar6.jpg" alt="avatar">
                                        Hunt
                                    </div>
                                    <div class="date">
                                        2小时前
                                    </div>
                                </footer>
                            </div>
                        </div>
                    </a>
                </div>
                <!-- * item -->
            </div>
            <!-- * Card Overlay Carousel -->



            <!-- Post Carousel -->
            <div class="sectionTitle mb-2">
                <div class="text-muted">新鲜事</div>
                <div class="title">
                    <h1>专题</h1>
                    <a href="topic-list.html">查看所有</a>
                </div>
            </div>

            <div class="postCarousel owl-carousel">
                <div class="item">
                    <a href="activity-info.html">
                        <img src="img/sample/photo13.jpg" alt="image" class="image">
                        <h2 class="title">您能发现这个场景中的差异吗</h2>
                    </a>
                </div>
                <div class="item">
                    <a href="activity-info.html">
                        <img src="img/sample/photo2.jpg" alt="image" class="image">
                        <h2 class="title">礼物送什么，看这个就够了</h2>
                    </a>
                </div>
                <div class="item">
                    <a href="activity-info.html">
                        <img src="img/sample/photo3.jpg" alt="image" class="image">
                        <h2 class="title">橙汁是该病的敌人吗？</h2>
                    </a>
                </div>
                <div class="item">
                    <a href="activity-info.html">
                        <img src="img/sample/photo4.jpg" alt="image" class="image">
                        <h2 class="title">坐冷板凳</h2>
                    </a>
                </div>
                <div class="item">
                    <a href="activity-info.html">
                        <img src="img/sample/photo12.jpg" alt="image" class="image">
                        <h2 class="title">今年最畅销的家具</h2>
                    </a>
                </div>
            </div>
            <!-- * Post Carousel -->


            <div class="divider mt-2 mb-2"></div>


            <!-- Button Carousel -->
            <div class="buttonCarousel owl-carousel">
                <div class="item">
                    <a href="activity-info.html">
                        <div class="imgWrapper">
                            <img src="img/sample/product1.jpg" alt="image">
                        </div>
                        <strong>东北话</strong>
                    </a>
                </div>
                <div class="item">
                    <a href="activity-info.html">
                        <div class="imgWrapper">
                            <img src="img/sample/product2.jpg" alt="image">
                        </div>
                        <strong>陕西话</strong>
                    </a>
                </div>
                <div class="item">
                    <a href="activity-info.html">
                        <div class="imgWrapper">
                            <img src="img/sample/product3.jpg" alt="image">
                        </div>
                        <strong>上海话</strong>
                    </a>
                </div>
                <div class="item">
                    <a href="activity-info.html">
                        <div class="imgWrapper">
                            <img src="img/sample/product4.jpg" alt="image">
                        </div>
                        <strong>四川话</strong>
                    </a>
                </div>
                <div class="item">
                    <a href="activity-info.html">
                        <div class="imgWrapper">
                            <img src="img/sample/product5.jpg" alt="image">
                        </div>
                        <strong>浙江话</strong>
                    </a>
                </div>
                <div class="item">
                    <a href="activity-info.html">
                        <div class="imgWrapper">
                            <img src="img/sample/product6.jpg" alt="image">
                        </div>
                        <strong>安徽话</strong>
                    </a>
                </div>
                <div class="item">
                    <a href="activity-info.html">
                        <div class="imgWrapper">
                            <img src="img/sample/product7.jpg" alt="image">
                        </div>
                        <strong>藏语</strong>
                    </a>
                </div>
            </div>
            <!-- Button Carousel -->

            <div class="divider mt-2 mb-4"></div>

            <div class="sectionTitle mb-2">
                <div class="text-muted">总览</div>
                <div class="title">
                    <h1>每周必看</h1>
                    <a href="activity-info.html">查看所有</a>
                </div>
                <div class="lead">
                    百大方言up互殴现场！
                </div>
            </div>

            <!-- item list -->
            <div class="itemList">
				<a href="video-play.html">
					<div class="item mt-2">
						<div class="image">
							<img src="img/sample/photo14.jpg" alt="image">
						</div>
						<div class="text">
							<h4 class="title">陕西李</h4>
							<div class="text-muted">你那膝盖磕马路牙子上了.</div>
							<h2 class="text-muted">12.7万观看.04-15</h2>
						</div>
					</div>
				</a>
				<a href="video-play.html">
					<div class="item mt-2">
						<div class="image">
							<img src="img/sample/photo13.jpg" alt="image">
						</div>
						<div class="text">
							<h4 class="title">胖大海</h4>
							<div class="text-muted">上海之行vlog</div>
							<h2 class="text-muted">9.7万观看.04-15</h2>
						</div>
					</div>
				</a>	
				<a href="video-play.html">
					<div class="item mt-2">
						<div class="image">
							<img src="img/sample/photo4.jpg" alt="image">
						</div>
						<div class="text">
							<h4 class="title">逍遥不散人</h4>
							<div class="text-muted">吃葡萄不吐葡萄皮不吃葡萄倒......</div>
							<h2 class="text-muted">9.4万观看.04-15</h2>
						</div>
					</div>
				</a>
            </div>
            <!-- * item list -->

            <div class="divider mt-3 mb-3"></div>

            <div class="sectionTitle mb-2">
                <div class="text-muted">最近</div>
                <div class="title">
                    <h1>视频</h1>
                    <a href="activity-info.html">查看所有</a>
                </div>
            </div>

            <!-- post list -->
            <div class="row">
                <!-- item -->
                <div class="col-6">
                    <a href="video-play.html" class="postItem">
                        <div class="imageWrapper">
                            <img src="img/sample/photo11.jpg" alt="image" class="image">
                            <div class="badge badge-warning">东北话</div>
                        </div>
                        <h2 class="title">瞅你咋地？我的东北话学习之路</h2>
                        <footer>
                            <img src="img/sample/avatar.jpg" alt="avatar" class="avatar">
                            04-17
                        </footer>
                    </a>
                </div>
                <!-- * item -->
                <!-- item -->
                <div class="col-6">
                    <a href="video-play.html" class="postItem">
                        <div class="imageWrapper">
                            <img src="img/sample/photo8.jpg" alt="image" class="image">
                            <div class="badge badge-success">陕西话</div>
                        </div>
                        <h2 class="title">300句常用语让你掌握地地道道陕西话</h2>
                        <footer>
                            <img src="img/sample/avatar2.jpg" alt="avatar" class="avatar">
                            04-16
                        </footer>
                    </a>
                </div>
                <!-- * item -->
                <!-- item -->
                <div class="col-6">
                    <a href="video-play.html" class="postItem">
                        <div class="imageWrapper">
                            <img src="img/sample/photo3.jpg" alt="image" class="image">
                            <div class="badge badge-danger">四川话</div>
                        </div>
                        <h2 class="title">四川方言汇总 你啷个晓得的啊</h2>
                        <footer>
                            <img src="img/sample/avatar.jpg" alt="avatar" class="avatar">
                            04-16
                        </footer>
                    </a>
                </div>
                <!-- * item -->
                <!-- item -->
                <div class="col-6">
                    <a href="video-play.html" class="postItem">
                        <div class="imageWrapper">
                            <img src="img/sample/photo4.jpg" alt="image" class="image">
                            <div class="badge badge-info">浙江话</div>
                        </div>
                        <h2 class="title">这个市的人有十几种方言！</h2>
                        <footer>
                            <img src="img/sample/avatar.jpg" alt="avatar" class="avatar">
                            04-15
                        </footer>
                    </a>
                </div>
                <!-- * item -->
            </div>
            <!-- * post list -->


            <!-- * Iconed Boxes -->

<!--            <div class="divider mt-2 mb-4"></div>

            <div class="sectionTitle mb-1">
                <div class="text-muted">本周热点人物</div>
                <div class="title">
                    <h1>排行</h1>
                    <a href="blog-category.html">查看所有</a>
                </div>
            </div> -->

            <!-- listview -->
           
        </div>

		<!-- 具体待修改 -->
        <!-- app Footer -->
        
        <!-- * app Footer -->
    </div>
    <!-- * appCapsule -->

    <!-- App Bottom Menu -->
    <div class="appBottomMenu">
        <div class="item active">
            <a href="homepage.html">
                <p>
                    <i class="icon ion-ios-water"></i>
                    <span>首页</span>
                </p>
            </a>
        </div>
        <div class="item">
            <a href="activitiy-main.html">
                <p>
                    <i class="icon ion-ios-apps"></i>
                    <span>活动</span>
                </p>
            </a>
        </div>
        <div class="item">
            <a href="tools.html">
                <p>
                    <i class="icon ion-ios-add-circle"></i>
                    <span>工具</span>
                </p>
            </a>
        </div>
        <div class="item">
            <a href="social-home.html">
                <p>
                    <i class="icon ion-ios-aperture"></i>
                    <span>动态</span>
                </p>
            </a>
        </div>
        <div class="item">
            <a href="people-info.html">
                <p>
                    <i class="icon ion-ios-person"></i>
                    <span>我的</span>
                </p>
            </a>
        </div>
    </div>
    <!-- * App Bottom Menu -->

    <!-- Sidebar Menu -->
    <div class="sidebarWrapper">
        <div class="overlay toggleSidebar"></div>
        <nav class="sidebar">
            <div class="profilebox">
                <img src="img/sample/avatar.jpg" alt="avatar" class="avatar">
                <h2 class="title">醒了很久还是很感动</h2>
                <h5 class="lead">
                    <i class="icon ion-ios-pin mr-1"></i>
                    上海市
                </h5>
                <div class="button">
                    <a href="#">
                        <i class="icon ion-ios-settings"></i>
                    </a>
                </div>
            </div>
            <div class="sidebarGroup">
                <ul class="sidebarMenu">
                    <li>
                        <a href="social-home.html">
                            <i class="icon ion-ios-people"></i>
                            动态
                        </a>
                    </li>
                    <li>
                        <a href="social-chat.html">
                            <i class="icon ion-ios-chatboxes"></i>
                            消息
                        </a>
                    </li>
                    <li>
                        <a href="activitiy-list.html">
                            <i class="icon ion-ios-apps"></i>
                            活动
                        </a>
                    </li>
                    <li>
                        <a href="people-info.html">
                            <i class="icon ion-ios-book"></i>
                            信息
                        </a>
                    </li>
                    <li>
                        <a href="page-login.html">
                            <i class="icon ion-ios-lock"></i>
                            登出
                        </a>
                    </li>
                </ul>
            </div>
            <div class="sidebarGroup">
                <ul class="sidebarMenu">
                    <li class="title">在线</li>
                    <li>
                        <a href="#">
                            <img src="img/sample/avatar2.jpg" alt="avatar" class="avatar">
                            胖大海
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/sample/avatar3.jpg" alt="avatar" class="avatar">
                            佛山菩提
                            <span class="badge badge-primary">2</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/sample/avatar4.jpg" alt="avatar" class="avatar">
                            刘小佳
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/sample/avatar5.jpg" alt="avatar" class="avatar">
                            张铁柱
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/sample/avatar6.jpg" alt="avatar" class="avatar">
                            方言小李
                        </a>
                    </li>
                </ul>
            </div>

        </nav>
    </div>
    <!-- * Sidebar Menu -->

    <!-- ///////////// Js Files ////////////////////  -->
    <!-- Jquery -->
    <script src="js/lib/jquery-3.4.1.min.js"></script>
    <!-- Bootstrap-->
    <script src="js/lib/popper.min.js"></script>
    <script src="js/lib/bootstrap.min.js"></script>
    <!-- Owl Carousel -->
    <script src="js/plugins/owl.carousel.min.js"></script>
    <!-- Main Js File -->
    <script src="js/app.js"></script>
	<script>
		
		function gogo(){
			window.location.href="./search.html"
		}
		// <div class="row">
		//     <!-- item -->
		//     <div class="col-6">
		//         <a href="video-play.html" class="postItem">
		//             <div class="imageWrapper">
		//                 <img src="assets/img/sample/photo11.jpg" alt="image" class="image">
		//                 <div class="badge badge-warning">东北话</div>
		//             </div>
		//             <h2 class="title">瞅你咋地？我的东北话学习之路</h2>
		//             <footer>
		//                 <img src="assets/img/sample/avatar.jpg" alt="avatar" class="avatar">
		//                 04-17
		//             </footer>
		//         </a>
		//     </div>
		function newest(){
		let container = document.createElement('div');
		container.className = 'col-6';
		
		let a = document.createElement('a');
		a.href = 'video-play.html';
		a.className = 'postItem';
		
		let div_1 = document.createElement('div');
		div_1.className = 'imageWrapper';
		
		let img_1 = document.createElement('img');
		img_1.src = 'assets/img/sample/photo11.jpg';
		img_1.alt="image";
		img_1.className = 'image';
		
		let div_1_1 = document.createElement('div');
		div_1_1.className = 'badge badge-warning';
		div_1_1.textContent = '东北话';
		
		let h2 = document.createElement('title');
		h2.textContent = '瞅你咋地？我的东北话学习之路';
		
		let postlist = document.getElementById('postlist');
		postlist.appendChild(container);
		
		container.appendChild(a);
		a.appendChild(div_1);
		div_1.appendChild(img_1);
		div_1.appendChild(div_1_1);
		
		a.appendChild(h2);
		
		}
		
		
		// <div id="test" class="cardOverlayCarousel owl-carousel mt-2 mb-4">
		//     <!-- item -->
		//     <div class="item">
		//         <a href="video-play.html" class="card card-overlay text-white">
		//             <img src="assets/img/sample/photo8.jpg" class="card-img img-fluid" alt="image">
		//             <div class="card-img-overlay">
		//                 <div class="header row">
		//                     <div class="col-8">椅子</div>
		//                     <div class="col-4 text-right">
		//                         <i class="icon ion-ios-heart"></i> 523
		//                     </div>
		//                 </div>
		
		//                 <div class="content">
		//                     <h1>你应该知道的10种椅子的读法</h1>
		//                     <footer>
		//                         <div class="author">
		//                             <img src="assets/img/sample/avatar3.jpg" alt="avatar">
		//                             M方言小李
		//                         </div>
		//                         <div class="date">
		//                             5小时前
		//                         </div>
		//                     </footer>
		//                 </div>
		//             </div>
		//         </a>
		//     </div>
		
		
		 // function shouyelunbo(data){
			// let container = document.createElement('div');
			// container.className ="item";
			
			// let a = document.createElement('a');
			// a.href="video-play.html";
			// a.className ="card card-overlay text-white";
			
			// let img = document.createElement('img');
			// img.src="assets/img/sample/photo8.jpg";
			// img.className ="card-img img-fluid" ;
			// img.alt="image";
			
			// let div_1 = document.createElement('div');
			// div_1.className ="card-img-overlay";
			
			// let div_1_1 = document.createElement('div');
			// div_1_1.className = "header row";
			
			// let div_1_1_1 = document.createElement('div');
			// div_1_1_1.className = "col-8";
			// div_1_1_1.textContent = '椅子';
			
			// let div_1_1_2 = document.createElement('div');
			// div_1_1_2.className = "col-4 text-right";
			
			// let div_1_1_2_1 = document.createElement('i');
			// div_1_1_2_1.className = 'icon ion-ios-heart';
			
			// let div_1_1_2_2 = document.createElement('a');
			// div_1_1_2_2.textContent = '523';
			
			// let div_1_2 = document.createElement('div');
			// div_1_2.className = 'content';
			
			// let div_1_2_1 = document.createElement('h1');
			// div_1_2_1.textContent = '你应该知道的10种椅子的读法';
			
			// let div_1_2_2 = document.createElement('div');
			// div_1_2_2.className = 'footer';
			
			// let div_1_2_2_1 = document.createElement('div');
			// div_1_2_2_1.className = "author";
			
			//  let div_1_2_2_1_1 = document.createElement('img');
			// div_1_2_2_1_1.src = 'assets/img/sample/avatar3.jpg';
			// div_1_2_2_1_1.alt = "avatar";
			// div_1_2_2_1_1.style.width = '20px';
			
			// let div_1_2_2_1_2 = document.createElement('div');
			// div_1_2_2_1_2.textContent = 'M方言小李';
			
			// let div_1_2_2_2 = document.createElement('div');
			// div_1_2_2_2.className = 'date';
			// div_1_2_2_2.textContent = '5小时前';
			
			// container.appendChild(a);
			// a.appendChild(img);
			// a.appendChild(div_1);
			// div_1.appendChild(div_1_1);
			// div_1_1.appendChild(div_1_1_1);
			// div_1_1.appendChild(div_1_1_2);
			// div_1_1_2.appendChild(div_1_1_2_1);
			// div_1_1_2.appendChild(div_1_1_2_2);
			
			// div_1.appendChild(div_1_2);
			// div_1_2.appendChild(div_1_2_1);
			// div_1_2.appendChild(div_1_2_2);
			// div_1_2_2.appendChild(div_1_2_2_1);
			// div_1_2_2_1.appendChild(div_1_2_2_1_1);
			// div_1_2_2_1.appendChild(div_1_2_2_1_2);
			
			// div_1_2_2.appendChild(div_1_2_2_2);
			
			// let div_test = document.createElement('div');
			// div_test.className = 'owl-item';
			// div_test.style.width = '295.2px';
			// div_test.style.marginRight = '20px';
			
			
			// let ggg = document.getElementById('ggg');
			
			// div_test.appendChild(container)
			// console.log(ggg.parentNode.parentNode);
			// ggg.parentNode.parentNode.insertBefore(div_test, ggg.parentNode);
		 // // }
		 
		 
		 
		 // <div id = "zhuanti" class="postCarousel owl-carousel">
		 //     <div class="item">
		 //         <a href="activity-info.html">
		 //             <img src="assets/img/sample/photo13.jpg" alt="image" class="image">
		 //             <h2 class="title">您能发现这个场景中的差异吗</h2>
		 //         </a>
		 //     </div>
		 
		 function lunbo2(){
			 let lunbo_2 = document.createElement('div');
			 lunbo_2.className = 'item';
			 
			 let a_2 = document.createElement('a');
			 a_2.href = 'activity-info.html';
			 
			 let img_2 = document.createElement('img');
			 img_2.src = "assets/img/sample/photo13.jpg";
			 img_2.alt = "image";
			 img_2.className = 'image';
			 
			 let h_2 = document.createElement('h2');
			 h_2.className = 'title';
			 h_2.textContent = '您能发现这个场景中的差异吗';
			 
			 let zhuanti = document.getElementById('zhuanti');
			 zhuanti.appendChild(lunbo_2);
			 
			 lunbo2.appendChild(a_2);
			 a_2.appendChild(img_2);
			 a_2.appendChild(h_2);
		 }
		 
		 // <div class="itemList">
		 // 	<a href="video-play.html">
		 // 		<div class="item">
		 // 			<div class="image">
		 // 				<img src="assets/img/sample/photo14.jpg" alt="image">
		 // 			</div>
		 // 			<div class="text">
		 // 				<h4 class="title">陕西李</h4>
		 // 				<div class="text-muted">你那膝盖磕马路牙子上了.</div>
		 // 				<h2 class="text-muted">12.7万观看.04-15</h2>
		 // 			</div>
		 // 		</div>
		 // 	</a>
		 function zonglan3(){
			 let a_3 = document.createElement('a');
			 a_3.href = "video-play.html";
			 
			 let div_31 = document.createElement('div');
			 div_31.className = 'item';
			 
			 let img_3 = document.createElement('img');
			 img_3.src = 'assets/img/sample/photo14.jpg';
			 img_3.alt = 'image';
			 img_3.className = 'image';
			 img_3.style.width = '100px';
			 
			 let div_3 = document.createElement('div');
			 div_3.className = 'text';
			 
			 let h_31 = document.createElement('h4');
			 h_31.className = 'title';
			 h_31.textContent = '陕西李';
			 
			 let div_3_1 = document.createElement('div');
			 div_3_1.className = 'text-muted';
			 div_3_1.textContent = '你那膝盖磕马路牙子上了.';
			 
			 let h_32 = document.createElement('h2');
			 h_32.className = 'text-muted';
			 h_32.textContent = '12.7万观看.04-15';
			 
			 let zonglan = document.getElementById('itemlist');
			 zonglan.appendChild(a_3);
			 
			 a_3.appendChild(div_31);
			 div_31.appendChild(img_3);
			 div_31.appendChild(div_3);
			 div_3.appendChild(h_31);
			 div_3.appendChild(div_3_1);
			 div_3.appendChild(h_32);
		 }
	
		 
	</script>

</body>

</html>
